<template>
  <div>
    <!-- 侧边导航菜单 -->
    <el-menu default-active="1" router>
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-collection"></i>
          <span>项目配置</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/project_config">
            <i class="fa fa-list"></i>&nbsp;项目列表
          </el-menu-item>
          <el-menu-item index="/version_config">
            <i class="fa fa-code"></i>&nbsp;代码仓库
          </el-menu-item>
          <el-menu-item index="/dictionary_config">
            <i class="fa fa-building"></i>&nbsp;构建管理
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-set-up"></i>
          <span>配置中心</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/dictionary_config">
            <i class="fa fa-book"></i>&nbsp;字典配置
          </el-menu-item>
          <el-menu-item index="/dictionary_config">
            <i class="fa fa-cog"></i>&nbsp;服务配置
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-office-building"></i>
          <span>服务部署</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/project_config">
            <i class="fa fa-envira"></i>&nbsp;容器环境
          </el-menu-item>
          <el-menu-item index="/project_config">
            <i class="fa fa-caret-square-o-right"></i>&nbsp;服务部署
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-lock"></i>
          <span>安全管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/user_info">
            <i class="fa fa-male"></i>&nbsp;用户管理
          </el-menu-item>
          <el-menu-item index="/user_info">
            <i class="fa fa-group"></i>&nbsp;角色管理
          </el-menu-item>
          <el-menu-item index="/user_info">
            <i class="fa fa-warning"></i>&nbsp;权限管理
          </el-menu-item>
          <el-menu-item index="/user_info">
            <i class="fa fa-bars"></i>&nbsp;菜单管理
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-ship"></i>
          <span>运维支持</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/project_config">
            <i class="fa fa-terminal"></i>&nbsp;SHELL
          </el-menu-item>
          <el-menu-item index="/project_config">
            <i class="fa fa-database"></i>&nbsp;SQL脚本
          </el-menu-item>
          <el-menu-item index="/project_config">
            <i class="fa fa-list-alt"></i>&nbsp;数据缓存
          </el-menu-item>
          <el-menu-item index="/project_config">
            <i class="fa fa-align-justify"></i>&nbsp;消息队列
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "ContentAside",
  methods: {},
};
</script>

<style scoped>
</style>